<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				margin-left: 50px;
				width: 800px;
			}
			h2.pos_abs {
				position: absolute;
				left: 100px;
				top: 150px
			}
			
			h2.pos_rel {
				position: relative;
				left: 10px;
				top: 50px
			}
			
			h2.pos_fix {
				position: fixed;
				left: 100px;
				top: 200px
			}
		</style>
	</head>

	<body>
		<h2 class="pos_abs">这是带有绝对定位的标题</h2>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/><br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/><br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<br/>
		<p>通过绝对定位，元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px，距离页面顶部 150px。
			通过绝对定位，元素可以放置到页面上的任何位置。下面的标题距离页面左侧 100px，距离页面顶部 150px。</p>
		<h2 class="pos_rel">这是带有相对定位的标题</h2>
		<h2 class="pos_fix">这是带有固定定位的标题</h2>
	</body>

</html>